<template>
  <div>
    <DocHeader :title="data.title" fromDoc="hospitalizationNotice" />
    <div class="docMain">
      尊敬的患者及家属：
      <div style="text-indent: 2em">
        衷心感谢你们的信任，选择到我院就诊。在接下来的一段时间里，我们将齐心协力，共同面对疾病的挑战。为了我们能够提供更加完善的医疗服务，非常希望得到你们的配合，相关告知如下：
      </div>
      <div style="text-indent: 2em">
        1.须如实提供患者真实姓名、出生日期等相关信息及病史、检验、用药情况，不私自用药。
      </div>
      <div style="text-indent: 2em">
        2.病区内严禁喝酒、大声喧哗，勿向窗外倒水或扔东西；严禁使用明火及电器。
      </div>
      <div style="text-indent: 2em">
        3.住院期间如需陪护,原则上每名患者允许1名陪护,陪护人员相对固定,不可随意调换。
      </div>
      <div style="text-indent: 2em">
        4.请妥善保管自己的物品，贵重物品随身携带，如遇失窃请及时报警。
      </div>
      <div style="text-indent: 2em">
        5.住院诊疗期间，可能会涉及使用的药物因包装量与实际用量不匹配而产生剩余，由医院统一回收销毁。
      </div>
      <div style="text-indent: 2em">
        6.我院承诺:您的主管医生及其他医护人员不接受任何形式的“红包”、贵重礼品等，廉洁和谐的医疗环境需要共同营造，也请您配合我院的反腐倡廉工作。
      </div>
      <div style="text-indent: 2em">
        7.当您的合法权益受到侵害或对我们的服务不满意时，请向病区负责人反映。
      </div>
      <div style="text-indent: 2em">
        8.医院是保障人民生命健康的重要场所，请配合我院共同抵制扰乱医院正常工作秩序、危害医务人员人身安全、侵害患者合法权益等违法行为。对任何涉医的暴力行为坚决“零容忍”。
      </div>
      <div style="text-indent: 2em">9.医院核心价值观：仁心 尚学 日新</div>
      <div style="text-indent: 3em">
        医院愿景:打造管理科学 患者满意 的海曙区域医疗中心
      </div>
      <div style="text-indent: 3em">医院宗旨：患者至上 职工幸福</div>
      <div style="text-indent: 2em">
        10.病区内有多功能查询机，可以进行挂号、缴费、结账、查询费用及检验结果等操作，如需帮助请咨询医务人员。
      </div>
      <div style="text-indent: 2em">
        11.病区内有分类垃圾箱，请您配合自觉进行垃圾分类，保护环境。
      </div>
      <div style="text-indent: 2em">12.我院是无烟医院，全院禁止吸烟。</div>
      <div
        style="
          display: flex;
          align-items: center;
          white-space: nowrap;
          padding-left: 3em;
        "
      >
        （1）请问您是否吸烟：
        <el-radio v-model="pageData.xiyan" label="是"></el-radio>
        ，吸了
        <input type="text" style="width: 50px" />
        年，每天
        <input type="text" style="width: 50px" />
        支
        <el-radio v-model="pageData.xiyan" label="否"></el-radio>
      </div>
      <div
        style="
          display: flex;
          align-items: center;
          white-space: nowrap;
          padding-left: 3em;
        "
      >
        （2）是否有意愿戒烟：
        <el-radio-group v-model="pageData.jieyan">
          <el-radio label="是"></el-radio>
          <el-radio style="margin-left: 30px" label="否"></el-radio>
        </el-radio-group>
      </div>
      <div
        style="
          display: flex;
          align-items: center;
          white-space: nowrap;
          padding-left: 3em;
        "
      >
        （3）戒烟门诊：每周三下午
        <span style="padding-left: 20px"></span>
        地点：1号楼门诊2楼一站式服务中心 1263
      </div>

      <div class="title2">患者的权利与义务</div>
      1、患者的权利<br />
      （1）获得基本医疗保健的权利<br />
      （2）人格受到尊重的权利<br />
      （3）知情同意权<br />
      （4）隐私权<br />
      （5）拒绝治疗权<br />
      （6）有对医院的批评建议权<br />
      （7）对医疗争议有请求鉴定权、调解权和诉讼权<br />
      2、患者的义务<br />
      （1）如实陈述病情的义务<br />
      （2）配合医院和医务人员进行一切检查治疗的义务
    </div>
  </div>
</template>

<script>
import { cloneDeep } from 'lodash-unified'
import {
  computed,
  defineComponent,
  nextTick,
  onMounted,
  reactive,
  toRefs,
  watch
} from 'vue'

import DateSelection from '@/components/DateSelection/indexV2.vue'
import { useSign } from '@/hooks'
import { getStoreFromInstance } from '@/utils/instance'

import DocHeader from '../DocHeader.vue'
import { baseData } from './baseData.js'

export default defineComponent({
  components: {
    DocHeader,
    DateSelection
  },
  props: {
    patCur: {
      type: Object,
      default: () => ({})
    },
    data: {
      type: Object,
      default: () => ({})
    },
    title: {
      type: String,
      default: ''
    },
    type: {
      type: String,
      default: ''
    }
  },
  setup(props) {
    const state = reactive({
      hospitalName: window.hospitalName,
      pageData: cloneDeep(baseData),
      sign: '',
      time: +new Date()
    })
    const store = getStoreFromInstance()

    const { signPhoto, queryUserSignByName } = useSign()

    const user = computed(() => store.getters.user)

    function handleSignInputBlur() {
      queryUserSignByName([state.sign], 'nursingDocument', props.data.type)
    }

    function handleSignImgClear() {
      state.sign = ''
    }

    function initData() {
      if (props.data.jsonText && props.data.jsonText !== '{}') {
        const jsonText = JSON.parse(props.data.jsonText)
        state.pageData = Object.assign(cloneDeep(baseData), jsonText)
      } else {
        nextTick(() => {
          state.pageData = cloneDeep(baseData)
        })
      }
    }

    watch(
      user,
      val => {
        if (val) {
          queryUserSignByName([val.name], 'nursingDocument', props.data.type)
          state.sign = val.name
        }
      },
      {
        immediate: true
      }
    )

    onMounted(() => {
      initData()
    })

    return {
      ...toRefs(state),
      signPhoto,
      handleSignInputBlur,
      handleSignImgClear
    }
  }
})
</script>

<style lang="scss" scoped>
@import '@/views/doc/styles/doc-common.scss';
@import '@/views/doc/styles/doc-fix.scss';
$border: 1px solid #000;

.docMain {
  line-height: 2em;
  margin-top: 10px;

  input {
    appearance: none;
    border: none;
    outline: none;
    border-bottom: 1px solid #000;
  }

  .checkBoxItem {
    display: flex;
    align-items: center;
  }

  .checkBox {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    border: 1px solid #000;
  }
}

.textIndent2 {
  text-indent: 2em;
}

.flexBox {
  display: flex;
  margin-top: 60px;

  .item {
    width: 50%;
    display: flex;
    align-items: center;
  }
}

.title2 {
  text-align: center;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 30px;
}

::v-deep {
  .el-input .el-input__inner {
    border: none;
    border-radius: 0;
    text-align: left;
    padding: 0 4px;
    color: #000;
  }
}
</style>
